class Observer {
    constructor(data) {
        this.walk(data)
    }
    walk(data) {
        // 不是对象不做操作
        if (!data || typeof data !== "object"){
            return 
        }
        // 遍历所有对象的属性
        Object.keys(data).forEach(key => {
            this.defineReactive(data, key, data[key])
        })
    }
    defineReactive(obj, key, val) {
        const self = this
        // 收集依赖，发送通知
        let dep = new Dep()
        // 如果val 是对象，将val变成响应式数据
        this.walk(val)
        Object.defineProperty(obj, key, {
            enumerable: true,
            configurable: true,
            get() {
                Dep.target && dep.addSub(Dep.target)
                // 不使用obj[key] 是因为obj 就是this.$data, 会重复循环的触发defineReactive，val在此方法内部为局部变量, 外部访问这个变量形成闭包
                return val
            },
            set(newVal) {
                if(newVal === val) return
                val = newVal
                self.walk(newVal)
                // 数据变化，发送通知
                dep.notify()
            }
        })
    }
}